<template>
  <div class="dialogTitle" :style="dialogTitleConfig.globle.style">
    <i
      :class="dialogTitleConfig.icon.class"
      :style="dialogTitleConfig.icon.style"
    ></i>
    <div class="title" :style="dialogTitleConfig.title.style">
      {{ dialogTitleConfig.title.word }}
    </div>
  </div>
</template>

<script lang="ts" setup>
import { defineProps } from "vue"
const props = defineProps({
  dialogTitleConfig: {
    type: Object,
    default: () => ({})
  }
})
</script>

<style lang="less" scoped>
.dialogTitle {
  background: red;
  text-align: center;
  align-items: center;
  position: relative;
  i {
    float: left;
    line-height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
  }
}
</style>
